<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
      <div>陕西</div><!--  定义一个div标签-->
      <div>杭州</div><!--  定义一个div标签-->
      <div>北京</div><!--  定义一个div标签-->
      <div>深圳</div><!--  定义一个div标签-->
      <div  class="d">广州</div><!--  定义一个div 中带有class的标签-->
        <input   type="text" name="username"> <!--  表单项name是username-->
          <script>
              var tagname = document.getElementsByTagName("div");
              //获取所有名字div的标签
                 alert(tagname.length);
                 //获取标签数组的长度
                  var name1 = document.getElementsByName("username");
                  //获取有name名称的标签，主要是针对表单项
                  alert(name1.length);
                  //获取标签数组的长度
                    var clas = document.getElementsByClassName("d");
                    //获取带有class的标签
                    alert(clas.length);
                    //获取带有class标签的数组的长度

          </script>

</body>
</html>